<template>
	<view class="">
		<uni-grid :column="2" :show-border="false">
			<uni-grid-item v-for="(item, key) in list" :key="key" :index="item.key">
				<EmpireImageVertical :src="item.src" :title="item.title" :price="item.price">
					<template #description class="empire-mall__flex-between">
						<text>{{ item.total }}人加购</text>
						<uni-icons type="plus-filled" color="#1BA4F0" size="24" @click="handlePlus"></uni-icons>
					</template>
				</EmpireImageVertical>
			</uni-grid-item>
		</uni-grid>
	</view>
</template>

<script setup>
import EmpireImageVertical from '../empire-image/empire-image-vertical.vue';
function handlePlus() {
	console.log('plus');
}
</script>

<style lang="scss" scoped></style>
